/*
graceUI rich-text 加强工具
link : graceui.hcoder.net
author : 5213606@qq.com 深海

*/

// 正则变量
var graceRichTextReg;

// 批量替换的样式 [ 根据项目需求自行设置 ]
var GRT = [
	// div 样式
	['div', "line-height:2em;"],
	// h1 样式
	['h1', "font-size:3em; line-height:1.5em;"],
	// h2 样式
	['h2', "font-size:2em; line-height:1.8em;"],
	// h3 样式
	['h3', "font-size:1.6em; line-height:2em;"],
	// h4 样式
	['h4', "font-size:1.2em; line-height:2em;"],
	// h5 样式
	['h5', "font-size:1em; line-height:2em;"],
	// h6 样式
	['h6', "font-size:0.9em; line-height:2em;"],
	// p 样式
	['p', "font-size:1em; line-height:2em;"],
	// b 样式
	['b', "font-size:1em; line-height:2em;"],
	// strong 样式
	['strong', "font-size:1em; line-height:2em;"],
	// code 样式
	['code', "font-size:1em; line-height:1.2em; background:#F6F7F8; padding:8px 2%; width:96%;"],
	// img 样式
	['img', "width:100%; margin:8px 0;"],
	// blockquote
	['blockquote',
		"font-size:1em; border-left:3px solid #D1D1D1; line-height:2em; border-radius:5px; background:#F6F7F8; padding:8px 2%;"
	],
	// li 样式
	['ul', "padding:5px 0; list-style:none; padding:0; margin:0;"],
	['li', "line-height:1.5em; padding:5px 0; list-style:none; padding:0; margin:0; margin-top:10px;"],
	// table
	['table', "width:100%; border-left:1px solid #F2F3F4; border-top:1px solid #F2F3F4;"],
	['th', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4;"],
	['td', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4; padding-left:5px;"]
];
const format = (html) => {
	html = html.replace(/<pre.*pre>?/gis, function(word) {
		word = word.replace(/[\n]/gi, '<br />');
		word = word.replace(/    /gi, '<span style="padding-left:2em;"></span>');
		return word.replace(/[\t]/gi, '<span style="padding-left:2em;"></span>');
	});
	html = html.replace(/<pre/gi,
		'<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"'
	);
	html = html.replace(/<\/pre/gi, "</p");
	for (let i = 0; i < GRT.length; i++) {
		graceRichTextReg = new RegExp('<' + GRT[i][0] + '>|<' + GRT[i][0] + ' (.*?)>', 'gi');
		html = html.replace(graceRichTextReg, function(word) {
			// 分析 dom 上是否带有 style=""
			if (word.indexOf('style=') != -1) {
				var regIn = new RegExp('<' + GRT[i][0] + '(.*?)style="(.*?)"(.*?)(/?)>', 'gi');
				return word.replace(regIn, '<' + GRT[i][0] + '$1style="$2 ' + GRT[i][1] + '"$3$4>');
			} else {
				var regIn = new RegExp('<' + GRT[i][0] + '(.*?)(/?)>', 'gi');
				return word.replace(regIn, '<' + GRT[i][0] + '$1 style="' + GRT[i][1] + '$2">');
			}
		});
	}
	return html;
}
const handRichTxt = (value) => {
	value = getBody(value)
	value = value.replace("<!DOCTYPE html>", "")
	value = value.replace("<html>", "")
	value = value.replace("</html>", "")
	value = value.replace("<head>", "")
	value = value.replace("</head>", "")
	value = value.replace("<body>", "")
	value = value.replace("</body>", "")
	return format(value)
}
const REG_BODY = /<body[^>]*>([\s\S]*)<\/body>/;
const getBody = (content) => {
	var result = REG_BODY.exec(content);
	if (result && result.length === 2)
		return result[1];
	return content;
}
module.exports = {
	format,
	handRichTxt,
	getBody

}
